/* css that modifies the theme & does not get added via the cms goes here */

.col-cta {
	left: auto !important;
	right: 0 !important;
	text-align: center !important;
}

.cta-phone {
	font-weight: 300 !important;
	margin-right: 10px !important;
}

.cta-link {
	font-size: 17px !important;
}

.off-canvas-menu-cta {
	position: absolute;
	bottom: 0;
	text-align: left;
}

/* --- Adding a small margon bottom to off-canvas "Request A Quote" CTA button --- */
.off-canvas-menu-cta .nectar-button.large {
	margin-bottom: 10px;
}

@media (max-width: 1080px) {
	header#top nav > ul > li > a {
		font-size: 18px !important;
		margin-right: 5px !important;
		margin-left: 5px !important;
	}
}

@media (max-width: 1000px) {
	.col-cta {
		display: none !important;
	}
}

#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a {
	opacity: 1 !important;
}

#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:hover {
	opacity: .7 !important;
}

/* fix for iPhone SE */
@media only screen and (max-width: 320px) {
  .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip.open .inner {
      transform: translateY(-39%) translateX(-50%) scale(.8) !important;
      -webkit-transform: translateY(-39%) translateX(-50%) scale(.8) !important;
  }
}



.ken .row-bg {
	-webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: move;
    animation-name: move;
	animation-timing-function: ease-in-out;	
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    
	-webkit-transition: -webkit-transform 9s ease-in-out;
	transition: -webkit-transform 9s ease-in-out;
    
	transition: transform 9s ease-in-out;
    
	transition: transform 9s ease-in-out, 
	-webkit-transform 9s ease-in-out;
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }


    100% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
}

@keyframes move {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }


    100% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

input.referer-page { display:none; }